<template>
  <!-- <persons/> 人物主页组件-->
  <div class="continer">
    <div class="dynamic_titles">
      <div class="dynamic_dynamic_s">
        <div
          class="friend_dynamics"
          :class="is_selected_dyanamic ? 'selected_dyanamic' : ''"
          @click="friend_dynamics()"
        >
          <!-- <div>他人相册</div> -->
          <div>相册</div>
        </div>
        <div
          class="friend_dynamics"
          :class="is_selected_dyanamic ? '' : 'selected_dyanamic'"
        ></div>
      </div>
    </div>
    <!--相册展示 -->
    <div class="album_sections">
      <div class="album_content">
        <div><img src="../assets/album_one.png" /></div>
        <div><img src="../assets/album_two.png" /></div>
        <div><img src="../assets/album_one.png" /></div>
        <div><img src="../assets/album_two.png" /></div>
        <div><img src="../assets/album_one.png" /></div>
        <div><img src="../assets/album_two.png" /></div>
      </div>
    </div>
  </div>
</template> 
<script>
export default {
  name: "Mydynamic",
  data: () => ({
    is_selected_dyanamic: true,
    is_complaint: false, //是否显示举报的弹框
  }),
  created() {},
  mounted() {},
  methods: {
    friend_dynamics() {},
    // online_line() {
    //   this.$emit("editorContent");
    // },
  },
};
</script>
<style >
html {
  background-color: #eff2fc;
}
</style>
<style scoped>
.continer {
  width: 73%;
}
.dynamic_titles {
  width: 100%;
  background-color: #ffffff;
}
.dynamic_sections {
  background-color: #ffffff;
}
.dynamic_dynamic_s {
  display: flex;
  width: 93%;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.friend_dynamics {
  padding-bottom: 10px;
  padding-top: 10px;
  color: #999999;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 500;
  border-bottom: 2px solid #ffffff;
}
.selected_dyanamic {
  color: #4064e3;
  border-bottom: 2px solid #4064e3;
}

.album_sections{
  width:100%;
  background-color:#ffffff;
}
.album_content{
  width:94%;
  margin:0 auto;
  display:flex;
  flex-wrap: wrap;
  justify-content:space-between;
}
.album_content div{
  margin-bottom:1px;
  margin-top:15px;
}



















































































</style>